<!--
  ~ Copyright 2023 Scheer PAS Schweiz AG
  ~
  ~  Licensed under the Apache License, Version 2.0 (the "License");
  ~  you may not use this file except in compliance with the License.
  ~  You may obtain a copy of the License at
  ~
  ~      http://www.apache.org/licenses/LICENSE-2.0
  ~
  ~  Unless required by applicable law or agreed to in writing, software
  ~  distributed under the License is distributed on an "AS IS" BASIS,
  ~  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
  ~  See the License for the specific language governing permissions and
  ~  imitations under the License.
  -->

<mat-card id="swagger-ui-container" *ngIf="apiVersion.version">
  <div id="swagger-ui-title-container" class="primary">
    <app-img-or-icon-selector
      [imgUrl]="this.apiVersion.api.image"
      [dimension]="imgSize"></app-img-or-icon-selector>
    <div id="swagger-ui-title">
      {{ this.apiVersion.api.id }} ({{ this.apiVersion.version }})<ng-container
        *ngIf="contract">
        - {{ contract.plan.plan.name
        }}<mat-card-subtitle id="swagger-ui-subtitle"
          >{{ contract.client.client.name }} ({{
            contract.client.version
          }})</mat-card-subtitle
        ></ng-container
      >
    </div>
  </div>

  <hr />
  <div id="swagger-editor"></div>
</mat-card>
